<div style="float:right;margin-right:30px;background-color: #F1F1F1; width:250px; padding:5px;" id="request_layer">
    <div id="request_label" style="display:block;">
        <p style="margin:0; padding:0;"><a href="#" onclick="showRequestLayer();return false;">{REQUEST_PASSWORD}</a></p>
    </div>
    <div id="request_form" style="display:none;">
        <p style="margin:0; padding:0;">{LABEL}</p>
        <div style="display: block;margin:0;padding: 10px 0;">{FORM}</div>
        <p style="margin:0; padding:0;">{MESSAGE}</p>
        <div style="position: absolute; top: 4px; right: 4px; border: 1px solid #666;cursor: pointer;" onclick="hideRequestLayer();">&nbsp;X&nbsp;</div>
    </div>
</div>
<script type="text/javascript">
//<![CDATA[
    function showRequestLayer() {
        var oRequestLayer = document.getElementById('request_layer');
        var pos = getElementPostion(oRequestLayer);
        
        oRequestLayer.style.position = 'absolute';
        oRequestLayer.style.top = (pos[1]+1)+'px';
        oRequestLayer.style.left = pos[0]+'px';
        
        document.getElementById('request_form').style.display = 'block';
        document.getElementById('request_label').style.display = 'none';
    }
    
    function hideRequestLayer() {
        document.getElementById('request_form').style.display = 'none';
        document.getElementById('request_label').style.display = 'block';
    }
    
    {JS_CALL}
//]]>
</script>
